﻿@model Admin.Areas.Administration.Models.LoginModel

@{
    ViewBag.Title = "Login";
    Layout = null;
    
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Quản trị nội dung</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- The styles -->
    <link id="bs-css" href="~/Areas/Administration/Content/css/bootstrap-cerulean.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-bottom: 40px;
        }

        .sidebar-nav {
            padding: 9px 0;
        }
    </style>
     <link href="~/Areas/Administration/Content/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="~/Areas/Administration/Content/css/charisma-app.css" rel="stylesheet">
    <link href="~/Areas/Administration/Content/css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
    <link href='~/Areas/Administration/Content/css/fullcalendar.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/fullcalendar.print.css' rel='stylesheet' media='print'>
    <link href='~/Areas/Administration/Content/css/chosen.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/uniform.default.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/colorbox.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/jquery.cleditor.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/jquery.noty.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/noty_theme_default.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/elfinder.min.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/elfinder.theme.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/jquery.iphone.toggle.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/opa-icons.css' rel='stylesheet'>
    <link href='~/Areas/Administration/Content/css/uploadify.css' rel='stylesheet'>
    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!-- The fav icon -->
    <link rel="shortcut icon" href="~/Areas/Administration/Content/img/favicon.ico">
</head>

<body>
    <div class="container-fluid">
        <div class="row-fluid">

            <div class="row-fluid">
                <div class="span12 center login-header">
                    <h2>QUẢN TRỊ NỘI DUNG</h2>
                </div>
                <!--/span-->
            </div>
            <!--/row-->

            <div class="row-fluid">
                <div class="well span5 center login-box">
                    <div class="alert alert-info">
                        Hãy đăng nhập bằng tên tài khoản và mật khẩu của bạn
                    </div>
                    @using (Html.BeginForm())
                    {
                        <fieldset>

                            <div class="input-prepend" title="Username" data-rel="tooltip">
                                <span class="add-on"><i class="icon-user"></i></span>
                                @Html.TextBoxFor(m => m.UserName, null, new { @class = "input-large span6" })
                            </div>
                            <div class="clearfix"></div>

                            <div class="input-prepend" title="Password" data-rel="tooltip">
                                <span class="add-on"><i class="icon-lock"></i></span>

                                @Html.PasswordFor(m => m.Password, new { @class = "input-large span6" })
                            </div>
                            <div class="clearfix"></div>

                            <div class="input-prepend" style="DISplay:none">
                                <label class="remember" for="remember">
                                    <input type="checkbox" id="remember" />Remember me</label>
                            </div>
                            <div class="clearfix"></div>

                            <p class="center span5">
                                <input type="submit" class="btn btn-primary" value="Đăng nhập">
                            </p>

                        </fieldset>
                    }
                </div>
                <!--/span-->
            </div>
            <!--/row-->
        </div>
        <!--/fluid-row-->

    </div>
    <!--/.fluid-container-->

    <!-- external javascript
	================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- jQuery -->
    <script src="~/Scripts/libs/jquery-1.7.2.min.js"></script>
    <!-- jQuery UI -->
    <script src="~/Scripts/libs/jquery-ui-1.8.21.custom.min.js"></script>
    <!-- transition / effect library -->
    <script src="~/Scripts/libs/bootstrap-transition.js"></script>
    <!-- alert enhancer library -->
    <script src="~/Scripts/libs/bootstrap-alert.js"></script>
    <!-- modal / dialog library -->
    <script src="~/Scripts/libs/bootstrap-modal.js"></script>
    <!-- custom dropdown library -->
    <script src="~/Scripts/libs/bootstrap-dropdown.js"></script>
    <!-- scrolspy library -->
    <script src="~/Scripts/libs/bootstrap-scrollspy.js"></script>
    <!-- library for creating tabs -->
    <script src="~/Scripts/libs/bootstrap-tab.js"></script>
    <!-- library for advanced tooltip -->
    <script src="~/Scripts/libs/bootstrap-tooltip.js"></script>
    <!-- popover effect library -->
    <script src="~/Scripts/libs/bootstrap-popover.js"></script>
    <!-- button enhancer library -->
    <script src="~/Scripts/libs/bootstrap-button.js"></script>
    <!-- accordion library (optional, not used in demo) -->
    <script src="~/Scripts/libs/bootstrap-collapse.js"></script>
    <!-- carousel slideshow library (optional, not used in demo) -->
    <script src="~/Scripts/libs/bootstrap-carousel.js"></script>
    <!-- autocomplete library -->
    <script src="~/Scripts/libs/bootstrap-typeahead.js"></script>
    <!-- tour library -->
    <script src="~/Scripts/libs/bootstrap-tour.js"></script>
    <!-- library for cookie management -->
    <script src="~/Scripts/libs/jquery.cookie.js"></script>
    <!-- calander plugin -->
    <script src='~/Scripts/libs/fullcalendar.min.js'></script>
    <!-- data table plugin -->
    <script src='~/Scripts/libs/jquery.dataTables.min.js'></script>

    <!-- chart libraries start -->
    <script src="~/Scripts/libs/excanvas.js"></script>
    <script src="~/Scripts/libs/jquery.flot.min.js"></script>
    <script src="~/Scripts/libs/jquery.flot.pie.min.js"></script>
    <script src="~/Scripts/libs/jquery.flot.stack.js"></script>
    <script src="~/Scripts/libs/jquery.flot.resize.min.js"></script>
    <!-- chart libraries end -->

    <!-- select or dropdown enhancer -->
    <script src="~/Scripts/libs/jquery.chosen.min.js"></script>
    <!-- checkbox, radio, and file input styler -->
    <script src="~/Scripts/libs/jquery.uniform.min.js"></script>
    <!-- plugin for gallery image view -->
    <script src="~/Scripts/libs/jquery.colorbox.min.js"></script>
    <!-- rich text editor library -->
    <script src="~/Scripts/libs/jquery.cleditor.min.js"></script>
    <!-- notification plugin -->
    <script src="~/Scripts/libs/jquery.noty.js"></script>
    <!-- file manager library -->
    <script src="~/Scripts/libs/jquery.elfinder.min.js"></script>
    <!-- star rating plugin -->
    <script src="~/Scripts/libs/jquery.raty.min.js"></script>
    <!-- for iOS style toggle switch -->
    <script src="~/Scripts/libs/jquery.iphone.toggle.js"></script>
    <!-- autogrowing textarea plugin -->
    <script src="~/Scripts/libs/jquery.autogrow-textarea.js"></script>
    <!-- multiple file upload plugin -->
    <script src="~/Scripts/libs/jquery.uploadify-3.1.min.js"></script>
    <!-- history.js for cross-browser state change on ajax -->
    <script src="~/Scripts/libs/jquery.history.js"></script>
    <!-- application script for Charisma demo -->
    <script src="~/Scripts/libs/charisma.js"></script>

</body>
</html>
